@import (reference) "@{cosyless}";

.JsPage{
    list-style: none;
    text-align: center;
    margin-top: 15px;
    .clearfix();
    display: inline-block;
    li{
        float: left;
        cursor: pointer;
        height:36px;
        width:42px;
        text-align: center;
        line-height:36px;
        border-right:1px solid #efefef;
        border-top:1px solid #d4d6d7;
        border-bottom:1px solid #d4d6d7;
        background: #fff;
        color: #707070;
        &:first-child{
            padding-left: 5px;
            border-left:1px solid #d4d6d7;
            border-radius: 36px 0 0 36px;
        }
        &:last-child{
            padding-right: 5px;
            border-right-color: #d4d6d7;
            border-radius: 0 36px 36px 0;
        }
        &:hover{
            background: #e8e8e8;
        }
        &.pageItemActive{
            background: #6d8de9;
            border-color: #6d8de9;
            color: #fff;
        }
        &.pageDisabled{
            background: #ececec;
            cursor: default;
            &:hover{
                background: #ececec;
            }
        }
    }

}






